const _pie1 = () => {
  let dataArr = []
  for (var i = 0; i < 8; i++) {
    dataArr.push({
      name: (i + 1).toString(),
      value: 20,
      itemStyle: {
        normal: {
          color: "rgba(88,142,197,0.4)",
          borderWidth: 0,
          borderColor: "rgba(0,0,0,0)",
        },
      },
    })
  }
  return dataArr
}

const _pie2 = val => {
  let dataArr = []
  for (var i = 0; i < 4; i++) {
    if (i % 4 === 0) {
      dataArr.push({
        name: (i + 1).toString(),
        value: val.A,
        itemStyle: {
          normal: {
            //color: "rgba(88,142,197,0.5)",
            borderWidth: 0,
            borderColor: "rgba(0,0,0,0)",
          },
        },
      })
    } else if (i % 4 === 1) {
      dataArr.push({
        name: (i + 1).toString(),
        value: 1,
        itemStyle: {
          normal: {
            color: "rgba(88,142,197,0)",
            borderWidth: 0,
            borderColor: "rgba(0,0,0,0)",
          },
        },
      })
    } else if (i % 4 === 2) {
      dataArr.push({
        name: (i + 1).toString(),
        value: val.B,
        itemStyle: {
          normal: {
            //color: "rgba(88,142,197,0.2)",
            borderWidth: 0,
            borderColor: "rgba(0,0,0,0)",
          },
        },
      })
    } else {
      dataArr.push({
        name: (i + 1).toString(),
        value: 1,
        itemStyle: {
          normal: {
            //color: "rgba(0,0,0,0)",
            color: "rgba(88,142,197,0)",
            borderWidth: 0,
            borderColor: "rgba(0,0,0,0)",
          },
        },
      })
    }
  }
  return dataArr
}

const _pie3 = () => {
  let dataArr = []
  for (var i = 0; i < 80; i++) {
    if (i % 2 === 0) {
      dataArr.push({
        name: (i + 1).toString(),
        value: 25,
        itemStyle: {
          normal: {
            color: "rgb(255,255,255)",
            borderWidth: 0,
            borderColor: "rgba(0,0,0,0)",
          },
        },
      })
    } else {
      dataArr.push({
        name: (i + 1).toString(),
        value: 20,
        itemStyle: {
          normal: {
            color: "rgba(0,0,0,0)",
            borderWidth: 0,
            borderColor: "rgba(0,0,0,0)",
          },
        },
      })
    }
  }
  return dataArr
}
let aaa = JSON.parse(JSON.stringify(_pie3()))
export default {
  series: [
    {
      type: "pie",
      zlevel: 4,
      radius: ["0%", "20%"],
      startAngle: 90,
      selectedMode: "single",
      selectedOffset: 0,
      silent: true,
      //   hoverAnimation: false,
      //   select: {
      //     itemStyle: {
      //       borderRadius: ["25%"],
      //     },
      //   },
      label: {
        normal: {
          show: false,
        },
      },
      labelLine: {
        normal: {
          show: false,
        },
      },
      itemStyle: {
        normal: {
          //   color: function (params) {
          //     // 自定义颜色
          //     var colorList = [
          //       {
          //         type: "linear",
          //         x: 0,
          //         y: 0,
          //         x2: 0,
          //         y2: 1,
          //         colorStops: [
          //           {
          //             offset: 0,
          //             color: "rgba(40,75,94)", // 0% 处的颜色
          //           },
          //           {
          //             offset: 1,
          //             color: "rgba(40,75,94)", // 100% 处的颜色
          //           },
          //         ],
          //         global: false, // 缺省为 false
          //       },
          //       {
          //         type: "linear",
          //         x: 0,
          //         y: 0,
          //         x2: 0,
          //         y2: 1,
          //         colorStops: [
          //           {
          //             offset: 0,
          //             color: "rgba(84,69,44)", // 0% 处的颜色
          //           },
          //           {
          //             offset: 1,
          //             color: "rgba(84,69,44)", // 100% 处的颜色
          //           },
          //         ],
          //         global: false, // 缺省为 false
          //       },
          //     ]
          //     return colorList[params.dataIndex]
          //   },
        },
      },
      data: [
        {
          name: "B",
          //   value: 36.21,
          itemStyle: {
            normal: {
              borderWidth: 0,
              borderColor: "rgba(0,0,0,0)",
              color: {
                type: "linear",
                x: 0,
                y: 0,
                x2: 0,
                y2: 1,
                colorStops: [
                  {
                    offset: 0,
                    color: "rgba(40,75,94)", // 0% 处的颜色
                  },
                  {
                    offset: 1,
                    color: "rgba(40,75,94)", // 100% 处的颜色
                  },
                ],
                global: false, // 缺省为 false
              },
            },
          },
        },
        {
          name: "A",
          value: 36.21,
          itemStyle: {
            normal: {
              borderWidth: 0,
              borderColor: "rgba(0,0,0,0)",
              color: {
                type: "linear",
                x: 0,
                y: 0,
                x2: 0,
                y2: 1,
                colorStops: [
                  {
                    offset: 0,
                    color: "rgba(84,69,44)", // 0% 处的颜色
                  },
                  {
                    offset: 1,
                    color: "rgba(84,69,44)", // 100% 处的颜色
                  },
                ],
                global: false, // 缺省为 false
              },
            },
          },
        },
      ],
    },
    {
      type: "pie",
      zlevel: 2,
      radius: ["30%", "40%"],
      //   startAngle: 90,
      selectedMode: "single",
      selectedOffset: 0,
      silent: true,
      label: {
        normal: {
          show: false,
        },
      },
      labelLine: {
        normal: {
          show: false,
        },
      },
      itemStyle: {
        normal: {
          //   color: function (params) {
          //     // 自定义颜色
          //     var colorList = [
          //       {
          //         type: "linear",
          //         x: 0,
          //         y: 0,
          //         x2: 0,
          //         y2: 1,
          //         colorStops: [
          //           {
          //             offset: 0,
          //             color: "rgba(11,169,249)", // 0% 处的颜色
          //           },
          //           {
          //             offset: 1,
          //             color: "rgba(96,234,255)", // 100% 处的颜色
          //           },
          //         ],
          //         global: false, // 缺省为 false
          //       },
          //       "rgba(0,0,0,0)",
          //       {
          //         type: "linear",
          //         x: 0,
          //         y: 0,
          //         x2: 0,
          //         y2: 1,
          //         colorStops: [
          //           {
          //             offset: 0,
          //             color: "rgba(255,217,48)", // 0% 处的颜色
          //           },
          //           {
          //             offset: 1,
          //             color: "rgba(255,159,7)", // 100% 处的颜色
          //           },
          //         ],
          //         global: false, // 缺省为 false
          //       },
          //       "rgba(0,0,0,0)",
          //     ]
          //     return colorList[params.dataIndex]
          //   },
        },
      },
      //   data: _pie2({ A: 63.79, B: 36.21 }),
      data: [
        {
          name: "B",
          value: 36.21,
          itemStyle: {
            normal: {
              borderWidth: 0,
              borderColor: "rgba(0,0,0,0)",
              color: {
                type: "linear",
                x: 0,
                y: 0,
                x2: 0,
                y2: 1,
                colorStops: [
                  {
                    offset: 0,
                    color: "rgba(11,169,249)", // 0% 处的颜色
                  },
                  {
                    offset: 1,
                    color: "rgba(96,234,255)", // 100% 处的颜色
                  },
                  //   {
                  //     offset: 0,
                  //     color: "rgba(255,217,48)",
                  //   },
                  //   {
                  //     offset: 1,
                  //     color: "rgba(255,159,7)",
                  //   },
                ],
                global: false, // 缺省为 false
              },
            },
          },
        },
        { name: "4", value: 1, itemStyle: { normal: { color: "rgba(88,142,197,0)", borderWidth: 0, borderColor: "rgba(0,0,0,0)" } } },
        {
          name: "A",
          value: 63.79,
          itemStyle: {
            normal: {
              borderWidth: 0,
              borderColor: "rgba(0,0,0,0)",
              color: {
                type: "linear",
                x: 0,
                y: 0,
                x2: 0,
                y2: 1,
                colorStops: [
                  {
                    offset: 0,
                    color: "rgba(255,217,48)",
                  },
                  {
                    offset: 1,
                    color: "rgba(255,159,7)",
                  },
                ],
                global: false, // 缺省为 false
              },
            },
          },
        },
        { name: "2", value: 1, itemStyle: { normal: { color: "rgba(88,142,197,0)", borderWidth: 0, borderColor: "rgba(0,0,0,0)" } } },
      ],
      //   data: [36.21, 1, 63.79, 1],
    },
    {
      type: "pie",
      zlevel: 1,
      radius: ["57%", "70%"],
      startAngle: 135,
      selectedMode: "single",
      selectedOffset: 0,
      silent: true,
      //   colorBy: [],
      //   color: ["rgba(44,75,81)", "rgba(33,68,85)", "rgba(72,61,41)"],
      label: {
        normal: {
          show: false,
        },
      },
      labelLine: {
        normal: {
          show: false,
        },
      },
      itemStyle: {
        normal: {
          opacity: 1,
          //   color: function (params) {
          //     // 自定义颜色
          //     var colorList = [
          //       {
          //         type: "linear",
          //         x: 0,
          //         y: 0,
          //         x2: 0,
          //         y2: 1,
          //         colorStops: [
          //           {
          //             offset: 0,
          //             color: "rgba(44,75,81)", // 0% 处的颜色
          //           },
          //           {
          //             offset: 1,
          //             color: "rgba(44,75,81)", // 100% 处的颜色
          //           },
          //         ],
          //         global: false, // 缺省为 false
          //       },
          //       {
          //         type: "linear",
          //         x: 0,
          //         y: 0,
          //         x2: 0,
          //         y2: 1,
          //         colorStops: [
          //           {
          //             offset: 0,
          //             color: "rgba(33,68,85)", // 0% 处的颜色
          //           },
          //           {
          //             offset: 1,
          //             color: "rgba(33,68,85)", // 100% 处的颜色
          //           },
          //         ],
          //         global: false, // 缺省为 false
          //       },
          //       {
          //         type: "linear",
          //         x: 0,
          //         y: 0,
          //         x2: 0,
          //         y2: 1,
          //         colorStops: [
          //           {
          //             offset: 0,
          //             color: "rgba(72,61,41)", // 0% 处的颜色
          //           },
          //           {
          //             offset: 1,
          //             color: "rgba(72,61,41)", // 100% 处的颜色
          //           },
          //         ],
          //         global: false, // 缺省为 false
          //       },
          //     ]
          //     return colorList[params.dataIndex]
          //   },
        },
      },
      data: [
        {
          name: "AB",
          value: 36.21,
          itemStyle: {
            normal: {
              borderWidth: 0,
              borderColor: "rgba(0,0,0,0)",
              color: {
                type: "linear",
                x: 0,
                y: 0,
                x2: 0,
                y2: 1,
                colorStops: [
                  {
                    offset: 0,
                    color: "rgba(44,75,81)", // 0% 处的颜色
                  },
                  {
                    offset: 1,
                    color: "rgba(44,75,81)", // 100% 处的颜色
                  },
                ],
                global: false, // 缺省为 false
              },
            },
          },
        },
        {
          name: "B",
          value: 36.21,
          itemStyle: {
            normal: {
              borderWidth: 0,
              borderColor: "rgba(0,0,0,0)",
              color: {
                type: "linear",
                x: 0,
                y: 0,
                x2: 0,
                y2: 1,
                colorStops: [
                  {
                    offset: 0,
                    color: "rgba(33,68,85)", // 0% 处的颜色
                  },
                  {
                    offset: 1,
                    color: "rgba(33,68,85)", // 100% 处的颜色
                  },
                ],
                global: false, // 缺省为 false
              },
            },
          },
        },
        {
          name: "A",
          value: 36.21,
          itemStyle: {
            normal: {
              borderWidth: 0,
              borderColor: "rgba(0,0,0,0)",
              color: {
                type: "linear",
                x: 0,
                y: 0,
                x2: 0,
                y2: 1,
                colorStops: [
                  {
                    offset: 0,
                    color: "rgba(72,61,41)", // 0% 处的颜色
                  },
                  {
                    offset: 1,
                    color: "rgba(72,61,41)", // 100% 处的颜色
                  },
                ],
                global: false, // 缺省为 false
              },
            },
          },
        },
      ],
    },
    {
      type: "pie",
      zlevel: 5,
      radius: ["57%", "58%"],
      startAngle: 135,
      selectedMode: "single",
      selectedOffset: 0,
      silent: true,
      //   colorBy: [],
      //   color: ["rgba(44,75,81)", "rgba(33,68,85)", "rgba(72,61,41)"],
      label: {
        normal: {
          show: false,
        },
      },
      labelLine: {
        normal: {
          show: false,
        },
      },
      itemStyle: {
        normal: {
          opacity: 1,
          //   color: function (params) {
          //     // 自定义颜色
          //     var colorList = [
          //       {
          //         type: "linear",
          //         x: 0,
          //         y: 0,
          //         x2: 0,
          //         y2: 1,
          //         colorStops: [
          //           {
          //             offset: 0,
          //             color: "rgba(44,75,81)", // 0% 处的颜色
          //           },
          //           {
          //             offset: 1,
          //             color: "rgba(44,75,81)", // 100% 处的颜色
          //           },
          //         ],
          //         global: false, // 缺省为 false
          //       },
          //       {
          //         type: "linear",
          //         x: 0,
          //         y: 0,
          //         x2: 0,
          //         y2: 1,
          //         colorStops: [
          //           {
          //             offset: 0,
          //             color: "rgba(33,68,85)", // 0% 处的颜色
          //           },
          //           {
          //             offset: 1,
          //             color: "rgba(33,68,85)", // 100% 处的颜色
          //           },
          //         ],
          //         global: false, // 缺省为 false
          //       },
          //       {
          //         type: "linear",
          //         x: 0,
          //         y: 0,
          //         x2: 0,
          //         y2: 1,
          //         colorStops: [
          //           {
          //             offset: 0,
          //             color: "rgba(72,61,41)", // 0% 处的颜色
          //           },
          //           {
          //             offset: 1,
          //             color: "rgba(72,61,41)", // 100% 处的颜色
          //           },
          //         ],
          //         global: false, // 缺省为 false
          //       },
          //     ]
          //     return colorList[params.dataIndex]
          //   },
        },
      },
      data: [
        {
          name: "AB",
          value: 36.21,
          itemStyle: {
            normal: {
              borderWidth: 0,
              borderColor: "rgba(0,0,0,0)",
              color: {
                type: "linear",
                x: 0,
                y: 0,
                x2: 0,
                y2: 1,
                colorStops: [
                  {
                    offset: 0,
                    color: "rgba(44,75,81)", // 0% 处的颜色
                  },
                  {
                    offset: 1,
                    color: "rgba(44,75,81)", // 100% 处的颜色
                  },
                ],
                global: false, // 缺省为 false
              },
            },
          },
        },
        {
          name: "B",
          value: 36.21,
          itemStyle: {
            normal: {
              borderWidth: 0,
              borderColor: "rgba(0,0,0,0)",
              color: {
                type: "linear",
                x: 0,
                y: 0,
                x2: 0,
                y2: 1,
                colorStops: [
                  {
                    offset: 0,
                    color: "rgba(33,68,85)", // 0% 处的颜色
                  },
                  {
                    offset: 1,
                    color: "rgba(33,68,85)", // 100% 处的颜色
                  },
                ],
                global: false, // 缺省为 false
              },
            },
          },
        },
        {
          name: "A",
          value: 36.21,
          itemStyle: {
            normal: {
              borderWidth: 0,
              borderColor: "rgba(0,0,0,0)",
              color: {
                type: "linear",
                x: 0,
                y: 0,
                x2: 0,
                y2: 1,
                colorStops: [
                  {
                    offset: 0,
                    color: "rgba(72,61,41)", // 0% 处的颜色
                  },
                  {
                    offset: 1,
                    color: "rgba(72,61,41)", // 100% 处的颜色
                  },
                ],
                global: false, // 缺省为 false
              },
            },
          },
        },
      ],
    },
    {
      type: "pie",
      zlevel: 3,
      silent: true,
      radius: ["25%", "26%"],
      label: {
        normal: {
          show: false,
        },
      },
      labelLine: {
        normal: {
          show: false,
        },
      },
      data: _pie3(),
      //   data: aaa,
    },
  ],
}
